$editgird-prefix-cls: "#{$css-prefix}editgird";
$editgird-select-item-prefix-cls: "#{$editgird-prefix-cls}-filter-select-item";
.#{$editgird-prefix-cls} {
  &-wrapper{
    position: relative;
    border: 1px solid $border-color-base;
    border-bottom: 0;
    border-right: 0;
  }
  width: inherit;
  height: 100%;
  max-width: 100%;
  overflow: hidden;
  color: $text-color;
  font-size: $font-size-small;
  background-color: $editgrid-background-color;

  &-hide{
    opacity: 0;
  }
  &-tip{
    overflow:auto;
  }
  &:before{
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: $border-color-base;
    z-index: 1;
  }

  &:after{
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: $border-color-base;
    z-index: 3;
  }
  // & table{
  //   table-layout: fixed;
  // }
  &-with-header{
    //border-radius: $border-radius-base $border-radius-base 0 0;
  }

  &-with-footer{
    //border: 1px solid $border-color-base;
    //border-radius: 0 0 $border-radius-base $border-radius-base;
  }

  &-with-header.#{$editgird-prefix-cls}-with-footer{
    //border-radius: $border-radius-base;
  }

  &-title, &-footer{
    height: $editgrid-title-height;
    line-height: $editgrid-title-height;
    border-bottom: 1px solid $border-color-bottom;
  }
  &-footer{
    border-bottom: none;
  }

  &-header{
    // width: 100%;
    overflow: hidden;
  }
  &-body{
    overflow: auto;
    //position: relative;
  }

  &-with-fixed-top.#{$editgird-prefix-cls}-with-footer{
    .#{$editgird-prefix-cls}-footer{
      border-top: 1px solid $border-color-base;
    }
    tbody tr:last-child td{
      border-bottom: none;
    }
  }

  th, td
  {
    min-width: 0;
    height: $table-normal-td;
    box-sizing: border-box;
    text-align: left;
    vertical-align: middle;
    border-bottom: $editgrid-th-td-border-bottom;
  }

  th {
    height: $editgrid-th-height;
    // white-space: nowrap;
    overflow: hidden;
    background-color: $table-thead-bg;
    font-size: $font-size-base;
  }
  td{
    background-color: transparent;
    transition: background-color $transition-time $ease-in-out;
  }

  th.#{$editgird-prefix-cls}-column,
  td.#{$editgird-prefix-cls}-column
  {
    &-left{
        text-align: left;
    }
    &-center{
        text-align: center;
    }
    &-right{
        text-align: right;
    }
  }
  th.#{$editgird-prefix-cls}-head-column,
  td.#{$editgird-prefix-cls}-body-column
  {
    &-left{
        text-align: left;
    }
    &-center{
        text-align: center;
    }
    &-right{
        text-align: right;
    }
  }
  & table{
    //width: 100%;
    table-layout: fixed;
  }
  &-border{
    th,td{
        border-right:$editgrid-border-right;
    }
  }
  &-cell{
    width: 100%;
    padding: $editgrid-cell-padding;
    white-space: normal;
    word-break: break-all;

    &-ellipsis {
      word-break: keep-all;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    &-with-expand{
      height: $editgrid-with-expand;
      line-height: $editgrid-with-expand;
      padding: 0;
      text-align: center;
    }
    &-with-render{
      overflow:auto;
      div{
        float:left;
      }
      // div:first-child{
      //   padding-right:10px;
      // }
    }
    &-ellipsis-with-render {
      overflow: hidden;
      word-break: keep-all;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    &-group{
      width: 100%;
    }
    &-title{
      margin-left: 10px;
    }
    &-expand{
      display: inline-block;
      margin-left: $editgrid-expand-margin-left;
      cursor: pointer;
      transition: transform $transition-time $ease-in-out;
      i{
        font-size: $font-size-base;
      }
      &-expanded{
        transform: rotate(90deg);
      }
    }
  }
  &-icon-click:hover{
    color: $primary-color;
  }
  &-icon-click{
    display: inline-block;
    cursor: pointer;
    font-size: $font-size-base;
    transition: transform $transition-time $ease-in-out;
    &-expanded{
      transform: rotate(90deg);
    }
  }
  &-hidden{
    visibility: hidden;
  }
  th &-cell{
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
  }

  &-stripe &-body,
  &-stripe &-fixed-body
  {
    tr:nth-child(2n) {
      td {
          background-color: $table-td-stripe-bg;
      }
    }
  }

  &-stripe &-body tr td.#{$editgird-prefix-cls}-stripe-light {
    background-color: #fff;
  }

  &-stripe &-body tr td.#{$editgird-prefix-cls}-stripe-dark {
    background-color: $table-td-stripe-bg;
  }

  tr.#{$editgird-prefix-cls}-row-hover, 
  &-wrapper &-stripe &-body tr.#{$editgird-prefix-cls}-row-hover {
    td{
      background-color: $table-td-hover-bg;
    }
  }
  tr.#{$editgird-prefix-cls}-title-stripe{
    td{
      background-color: $table-td-stripe-bg;
    }
  }
  tr.#{$editgird-prefix-cls}-title-expand{
    td{
     // color: #111;
     // background-color: $table-td-group-bg !important;
      // font-family: MicrosoftYaHei-Bold;
      color: $editgrid-title-expand-color;
      // text-align: left;
      //line-height: 22px;
      font-weight: bold;
    }
  }
  &-large {
    font-size: $font-size-base;
    th{
      height: 48px;
    }
    td{
      height: $table-large-td;
    }
  }

  &-small{
    th{
      height: 35px;
    }
    td{
      height: $table-small-td;
    }
  }
  &-row-highlight,&-row-checked,
  tr.#{$editgird-prefix-cls}-row-highlight.#{$editgird-prefix-cls}-row-hover,
  tr.#{$editgird-prefix-cls}-row-checked.#{$editgird-prefix-cls}-row-hover,
  &-wrapper &-stripe &-body tr.#{$editgird-prefix-cls}-row-highlight,
  &-wrapper &-stripe &-fixed-body tr.#{$editgird-prefix-cls}-row-highlight,
  &-wrapper &-stripe &-body tr.#{$editgird-prefix-cls}-row-checked,
  &-wrapper &-stripe &-fixed-body tr.#{$editgird-prefix-cls}-row-checked
  {
    td{
      background-color: $table-td-highlight-bg;
    }
  }

  &-fixed, &-fixed-right{
    position: absolute;
    top: 0;
    left: 0;
    box-shadow:$editgrid-fixed-box-shadow;
    border-bottom:none;
    // &::before {
    //   content: '';
    //   width: 100%;
    //   height: 1px;
    //   background-color: $border-color-base;
    //   position: absolute;
    //   left: 0;
    //   bottom: 0;
    //   z-index: 4;
    // }
  }
  &-fixed-right{
    top: 0;
    left: auto;
    right: 0;
    box-shadow: $editgrid-fixed-right-box-shadow;
  }
  &-fixed-right-patch{
    position: absolute;
    top: 0;
    right: 0;
    background-color: $table-thead-bg;
    border-bottom:1px solid $border-color-bottom;
    // border-bottom: 1px solid #e6ebf5;
  }
  &-fixed-shadow {
    width: 1px;
    height: 100%;
    position: absolute;
    top: $editgrid-fixed-shadow-top;
    right: $editgrid-fixed-shadow-right;
    box-shadow: $shadow-right;
    overflow: hidden;
    z-index: 1;
  }

  &-fixed-header{
    overflow: hidden;
  }
  &-fixed-body{
    overflow: hidden;
    position: relative;
    background:$editgrid-fixed-body-background;
    z-index: 3;
  }
  &-tip {
    table {
      width: 100%;

      td {
        text-align: center;
      }
    }
  }
  &-can-hover {
    .not-child:hover td{
      background-color: $table-td-hover-bg;
    }
  }
  &-row-highlight:hover td{
    background-color: $table-td-highlight-bg !important;
  }
  &-can-stripe {
    .not-child:nth-child(2n) td{
      background-color: $table-td-stripe-bg;
    }
  }
  &-sort{
    @include sortable();
  }
}
.dbClass{
  min-height:18px;
}
.asyc-check{
  .h-checkbox-inner{
    width: 15px;
    height: 15px;
  }
}
